@extends('layout')
@section('style')
    <style>
        .error {
            margin: 0 auto;
            text-align: center;
        }

        .error-code {
            bottom: 60%;
            color: #2d353c;
            font-size: 96px;
            line-height: 100px;
        }

        .error-desc {
            font-size: 12px;
            color: #647788;
        }

        .m-b-10 {
            margin-bottom: 10px!important;
        }

        .m-b-20 {
            margin-bottom: 20px!important;
        }

        .m-t-20 {
            margin-top: 20px!important;
        }

    </style>
@stop
@section('content')
    @php
        $page_title = "404";
    @endphp

    <div class="domain" id="head_domain" style="padding-top:250px;padding-bottom:120px;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    <div class="error">
                        <div class="error-code m-b-10 m-t-20">{{__($page_title)}} <i class="fa fa-warning"></i></div>
                        <h3 class="font-bold">@lang("We couldn't find the page..")</h3>

                        <div class="error-desc">
                            <div class="margin-top-80">
                                <a class=" login-detail-panel-button btn" href="{{url('/')}}">
                                    <i class="fa fa-arrow-left"></i>
                                    Go back to Homepage
                                </a>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>


@stop